html{
    font-size:100px;
}
body{
    font-size:14px;
}
html,body,.wrapper{
    height:100%;
    width:100%;
}
.wrapper{
    max-width:720px;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    background-color: #f7f7f7;
}
header{
    display: flex;
    height:0.45rem;
    width:100%;
    justify-content: space-between;
    background-color: #ff8903;
    align-items: center;
    font-size:0.2rem;
    color:#fff;
    padding:0 10px;
    box-sizing: border-box;
    a{
        img{
            height:0.21rem;
            width:0.21rem;
        }
    }
}
section{
   flex:1;
   overflow-y: auto;
   .nav{
      display: flex;
      width:100%;
      justify-content: space-evenly;
      height:0.45rem;
      line-height:0.45rem;
      font-size:0.14rem;
      box-sizing: border-box;
      background-color: #fff;
      border-bottom:0.015rem solid #f3f3f3;
      .active{
        color:#ff8903;
        border-bottom:0.02rem solid #ff8903;
      }
      li{
         height:0.45rem;
         width:12%;
         text-align: center;
         box-sizing: border-box;
         &:hover{
            color:#ff8903;
            border-bottom:0.02rem solid #ff8903;
         }
      }

   }
   .list{
    .item{
        height:1.57rem;
        padding:0.1rem;
        box-sizing: border-box;
        background-color: #fff;
        margin-bottom:10px;
        .itemTop{
           height:1rem;
        //    background-color: #ff8903;
           border-bottom:0.01rem solid #f3f3f3;
           display: flex;
           justify-content: space-between;
           .itema{
               font-size:0.14rem;
               text-align: center;
              img{
                height:0.48rem;
                width:0.48rem;
              }
              h3{
                font-size:0.14rem;
                font-weight: normal;
                color:#0081de;
              }
           }
           .itemb{
             width:60%;
             margin-top:10px;
             h2{
                font-size:0.16rem;
                font-weight: normal;
             }
             ul{
                li{
                    list-style:disc;
                    font-size:0.12rem;
                }
             }
           }
           span{
            color:#c4c4c4;
            font-size:0.12rem;
           }
        }
    }
   }
}
.footer{
    height:0.5rem;
    width:100%;
    background-color: #f7f7f7;
    display: flex;
    justify-content:space-around;
    align-items: center;
    color:#828282;
    border-top:0.01rem solid #f3f3f3;
    .active{
        color:#ff8903;
    }
    li{
        text-align: center;
        &:hover{
            color:#ff8903;
        }
    }
    span{
        display: block;
        font-size:0.23rem;
    }
    i{
        font-size:0.12rem;
        font-style:normal;
    }
}